<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Real Plot a Real Estates Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real Plot Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<!--//fonts-->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!--light-box-files -->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<!--//light-box-files -->
		<script type="text/javascript">
		$(function() {
			$('.gallery a').Chocolat();
		});
		</script>
<!-- //js -->
<script src="js/responsiveslides.min.js"></script>
<script src="js/jquery.validate.js"></script>
		<script>
				$(function () {
					$("#slider").responsiveSlides({
						auto: true,
						pager: true,
						nav: true,
						speed: 1000,
						namespace: "callbacks",
						before: function () {
							$('.events').append("<li>before event fired.</li>");
						},
						after: function () {
							$('.events').append("<li>after event fired.</li>");
						}
					});
					$("#regform").validate({
						rules:{
							userName:{required:true,remote:"Check-Register"},
							passWord:{required:true},
							Name:{required:true,remote:"Check-Register"}
							
						},
						messages:{
							userName:{required:"用户名不能为空",remote:"用户名已存在"},
							passWord:{required:"密码不能为空"},
							Name:{required:"请输入一个昵称",remote:"昵称已被使用"}
						}
					});
				});
			</script>
			

<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!--Header-->
	<div class="header">
		<!--Top-Bar-->
			
				<div class="top-bar">
				<div class="container">
					<div class="header-nav">
						<nav class="navbar navbar-default">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<h1><a class="navbar-brand" href="index.html">Real Plot</a></h1>
							</div>
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
								<nav class="linkEffects linkHoverEffect_12">
									<ul>
									<li><a class="active" href="index"><span>首页</span></a></li> 
										<li><a class="scroll" href="Team.jsp"><span>教师团队</span></a></li>  
										<li><a class="scroll" href="Course.jsp"><span>课程介绍</span></a></li> 
										<li><a class="scroll" href="userdetail.jsp"><span>个人中心</span></a></li> 
										<li><a class="scroll" href="Login.jsp"><span>登录</span></a></li> 
										 
									</ul>
								</nav>	
							</div>
						</nav>
					</div>
				</div>
			</div>
		<!--//Top-Bar-->
	</div>
<!--//Header-->
<!--Login-->
<div class="contact-w3-agileits" id="contact">
<div class="container">
	<h3 class="tittle"><span>用户注册</span></h3>
		<form action="Check-Register" method="post" id="regform">
			<p>用户名:&nbsp;<input type="text" name="userName" placeholder="userName*" required="" /></p>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码:&nbsp;<input type="password" name="passWord" placeholder="Password*" required="" /></p>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;昵称:&nbsp;<input type="text" name="Name" placeholder="Nickname*" required="" /></span>
			<p id="padjust">邮箱地址:&nbsp;<input type="email" name="email" placeholder="Email*" required="" /></p>
			<select name="identity" class="js-example-basic-single">
				<option value="1">学生</option>
				<option value="2">老师</option>
			</select>
			<input type="submit" value="注册" />&nbsp;&nbsp;&nbsp;<a href="Login.jsp" class="register">登录</a>
		</form>
</div>
</div>
<!--/Login -->
<!--footer-->
<div class="footer">
		<div class="footer-head-agile">
			<ul>
				<li class="contact-agile"><span class="fa-icon-w3"><i class="fa fa-phone" aria-hidden="true"></i></span>CALL NOW : 040 123456 789</li>
				<li class="logo-w3ls"><h2><a  href="index.html">Real Plot</a></h2></li>
				<li class="mail"><span class="fa-icon-w3"><i class="fa fa-envelope" aria-hidden="true"></i></span>MAIL : <a href="mailto:info@example.com">INFO@EXAMPLE.COM</a></li>
			</ul>
		</div>
		<label></label>
	<div class="container">
		<div class="footer-content-agile">					
			<div class="clearfix"> </div>
			<div class="copy">
		        <p>© 2016 Real Plot . All Rights Reserved | Design by <a href="http://w3layouts.com/">W3layouts</a> </p>
		    </div>
		</div>
	</div>
</div>
<!--/footer -->
<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
</body>
</html>